17 Excellent CSS3 Gallery Set

1. Justified Image Grid - Premium WordPress Gallery

featured image

The #1 best selling gallery on CodeCanyon

This responsive WordPress gallery plugin aligns your thumbnails into a justified grid using jQuery, like Flickr and lightbox image editor search. Make your galleries stand out in an eye-catching and unique new way! Replace the standard WP galleries [gallery] as [justified_image_grid] with lots of new features and options. The settings are available to change on a per gallery basis, extending the global settings and presets. #2 Settings and creating a gallery

Automatically align images to a justified gallery keeping their original aspect ratio

NextGEN Gallery (both versions 1 and 2) integration, full support for nested albums and galleries, tag gallery, tag album, recent images, random images (all photos or from a gallery), individual photos, permalinks, custom links, limit, load more or hidden limit is used instead of pagination.Hidden limit – limit the number of thumbs but cycle all gallery images in the lightbox

224 unique settings and shortcode attributes that you can change for each gallery

These are FooBox which is social and responsive + the Social Gallery that allows Facebook/Disqus comments for the pictures. This is one of best gallery plugins out there.This is the best gallery plugin for wordpress.What a beautiful gallery plugin! Lovely work. I have been looking for a gallery for wordpress with these capabilities for an age! Great work Firsh.Perfect and easy! Best (responsive) gallery plugin by far! Great job.I love this gallery plugin….This is the #1 top selling WordPress gallery plugin on CodeCanyon since July 28, 2013!

Link RSS images to their permalink or the image itself (RSS Reader mode or RSS Gallery mode basically)

The ng_random_images now accepts a comma separated list of multiple gallery ids to allow random images from multiple galleries. This is useful for sorting by gallery Title A-Z when displaying multiple albums together (next changelog entry) or in the Overview album (all galleries) mode. The ID can be used to sort gallery/subalbum creation order. Added: Using Recent Posts feature, when Click on a thumbnail link to an image (lightbox image gallery of posts), a permalink can be placed in the lightbox as a way to go to the parent post (similar to Flickr, Instagram, RSS backlinks in the lightbox)

Added: Custom text to add before & after each gallery (can be disabled on individual instances)

Bugfix: Using a blank page to create a gallery photo wall ideas the grid would only display one very long row (only when using css3-mediaqueries.Added: Nextgen random images (display some random images of a gallery or regardless of gallery – the limit is applied after randomization)

Added: Option to display NextGEN gallery/album descriptions between the breadcrumb and the grid

Improved: Flickr feature: If some photos are not shown because they are too small, this is noted after the gallery with instructions to resolve the issue.Bugfix: PHP Fatal error when NextGEN is uninstalled and still trying to show NextGEN content, is now replaced with a friendly error message (NextGEN gallery is not installed/inactive!).Bugfix: The class gallery-caption is no longer added to the parent container of JIG when Carousel and Load More features are used together (preventing Carousel when clicking outside a thumbnail is now solved in an other way)

All in all this means you can tag WP images, just like NextGEN, and display a gallery based on the tag.Bugfix: The Social Gallery’s latest version is recognized in the shortcode editor properly

Added: Take over gallery shortcode – choose between hiding the original WordPress gallery shortcode, replacing it automatically or leaving it alone

Bugfix: SocialGallery bugs – update to at least Social Gallery version 2.Improved: The setting overlay_gallery_max changed from 30 to 300 in prettyPhoto to make sure the overlay gallery shows up when required

Bugfix: NextGEN breadcrumb was missing gallery name in v1.Bugfix: A chrome bug when using special effects and a horizontally centered gallery would clip 1px randomly from top and left.Added: NextGEN tags: Tag Gallery and Tag Album mode (tag galleries are also openable in a lightbox, breadcrumbs are also implemented for tags)

Added: NextGEN gallery thumbnails now show the number photos (can be turned off with a new setting)

Added: NextGEN gallery thumbnails can now open the photos in a lightbox instead of creating a new page for them (can be toggled with a new setting)

Social Gallery doesn’t support HTML (links to the file to download)

Improved: NextGEN album and gallery dropdown selectors now include the ID id the shortcode editor

Improved: PhotoSwipe compatibility – added JIG gallery refresh to the close event and tap x event, so you’ll no longer get ‘Element is too thin’ error when coming back from PhotoSwipe

Bugfix: When not using permalinks with NextGEN, galleries will link to the gallery’s own page properly, like original NextGEN – previously only albums did this correctly

call-user-func]: First argument is expected to be a valid callback’ is no longer showing up when keeping the ‘hidden’ WP gallery present under JIG gallery on older versions of WordPress.Updated: More documentation has been included for using the plugin with wordpress gallery shortcode

Bugfix: Shortcode editor no longer generates ng_pics undefined when NextGEN gallery is not installed.Added: Recent posts can link to the images (lightbox) instead of posts – create a jQuery gallery using flickr recent posts, not a slider

Added: Ability to automatically exclude featured image from the gallery (use the word feature in the exclude field)

Improved: Social Gallery V2 compatibility

Bugfix: Fixed a browser crash due to scrollbar appearing and disappearing due to constantly varying gallery height (very rare case but serious)

Bugfix: Sometimes gallery would be invisible when only one row is present and can’t fill the row.Added: Premium lightboxes – FooBox and Social Gallery (purchased separately), dedicated mutual compatibility

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. CCGallery WP - Multimedia Gallery Wordpress Plugin

featured image

CCGallery WP makes it easy to embed the CCGallery HTML5 Multimedia Gallery, in your Wordpress theme. Also CCGallery incorporates a responsive design so that the gallery display fits in various screen sizes ranging from mobile phones to desktop browsers. The gallery features a fluid responsive design to account for various screen sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. Various handy keyboard shortcuts for easier browsing of the gallery. Change the styling of the gallery according to your needs by tweaking the CSS. Create multiple galleries and manage them with the Gallery Manager

Can host media files in services like Amazon AWS and then insert those file links in the gallery settings page. You can set the size for the images in the gallery settings page

Drag to sort gallery item order. Also shortcode for each gallery created, is visible in the Gallery Manager. Older browsers that do not support Canvas will see a fallback animated effect for browsing files, so they still get to see a nicely working gallery.Made the gallery compatible with jQuery 1. The gallery now a features fluid responsive design thus enabling it to adapt to any browser window width and parent container width. Option to open gallery thumbnail links in new window/tab. Options to hide gallery menu, coverflow section, thumbnails section and coverflow list. Gallery items in the settings page now show the item title in the collapsed state. Fixed a bug regarding deletion of gallery files.Fixed the a bug regarding the CSS lightbox gallery file not loading when the shortcode appeared at the very beginning in a post/page.

More Details

4. CSS3 Smart Filter

featured image

CSS3 Smart Filter is a clever pure CSS solution to content filtering and sorting without relying on any javascript! It is great for sorting and filtering portfolio items by categories, images in a gallery as well as any HTML content categorized in groups that may require any form of sorting.Responsive CSS Grid Gallery – With Captions

Pure CSS3 No Javascript

Smooth CSS3 Animations + Transitions

More Details

5. CSS3 Image Lightbox

featured image

This CSS3 image gallery Lightbox is a simple and effective alternative to javascript-based solutions. Keep in mind that some CSS3 features like CSS3 rounded corners or animations are not rendered with old browsers (especially IE) but the functionnality remains.Uses CSS3 Features

More Details

6. Creative Gallery

featured image

Creative Gallery – A must have WordPress Image Gallery is a first of its kind of image gallery, built using jQuery and CSS3.A Very Creative and unique style of gallery.Add any number of albums (boxes) in the gallery and images (icons) in the album.Manage spacing among album boxes in the gallery.

More Details

7. CSS3 Image Gallery Kit

featured image

An image gallery kit with filtering images based on category with lightbox box effect built in HTML & CSS3. Pls note: This is not an image gallery script but this item can be integrated with the image gallery. Please note that IE doesn’t support some CSS3 attributes.

More Details

8. ZoomFolio - WordPress Portfolio Plugin

featured image

You can use it to show the wordpress gallery shortcode from your blog or a gallery from your vacation.CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully

iPhone / iPad optimized – this gallery has been optimized for Apple touch devices

[ADD] You can have multiple images on a project now ( if the item is of type image and has a “item gallery” attached )

[add] new Features for ZoomBox lightbox like gallery, zoom on photo

[fix] accordion style inside gallery fix – now works on the Item Gallery tab

[add] new Portfolio Item type – gallery

added gallery mode to posts on skins accordion and clean – as shown in the preview

Nice plugin – I’m wondering is it possible to link the thumbnail to an existing gallery using a link.Another question please, how i can fix the gallery at the center of my page? it’s always in the left.free updates – even if the value of this gallery increases with upcoming updates, you will get them for free

More Details

9. Final Tiles Gallery for Wordpress

featured image

Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!

Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;

Gallery management: each gallery is saved in download wordpress database so you can edit them whenever you want: you can add, rename, delete and edit the galleries;

CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

10. CSS3 Fullscreen Gallery

featured image

This CSS3 Fullscreen Gallery will help you to build simple slideshows that don’t use any javascript.Fullscreen Gallery

More Details

11. UberGrid - responsive grid builder for WordPress

featured image

UberGrid is a powerful responsive grid / gallery builder for WordPress that will impress your visitors with stylish grids built in minutes.Fast CSS3 animations and effects (when supported by the browser).

More Details

12. Elitepack CSS3 Display Screens

featured image

Elitepack CSS3 Display Screens are a collection of web elements that are designed with pure CSS3 technology meaning that no images have been used apart from the background images.This particular pack is the CSS3 display screens which are a nice modern way of showcasing your application, website or portfolio gallery using CSS3 powered display ‘vectors’.Pure CSS3 Cross browser compatibility: Chrome, Safari, Firefox, Opera, IE9, IE10 – Preview

Free pngs generated from html Looks good on iPad Nice CSS3 Shadows on modern browsers

More Details

13. Social Gallery WordPress Photo Viewer Plugin

featured image

Social Gallery is The Ultimate Social Lightbox for WordPress.Social Gallery Plugin is a fantastic new way to engage visitors to your WordPress blog by adding the ultimate lightbox featuring social media buttons (Facebook like, Facebook Send, Pinterests ‘Pin it’, Twitters ‘Tweet This’ and now Linked In, Stumble Upon & Tumblr) as well as Facebook or Disqus Comments!

Your blog visitors already click your images, at best perhaps you have a lightbox feature (or maybe you don’t even have that!) – but once they click your images (and if they clicked it, they probably like it!) then what? With Social Gallery Plugin your users can “like”, “tweet” and “pin” the images on your page!

Social Gallery [shortcodes] released

Perfect compliment for the Social Gallery Lightbox

Social Gallery Features:

Image Library & Social Gallery Pages

Works with WordPress Galleries like NextGen, WordPress Gallery Plugin and Justified Imaged Grid

Facebook’s 1 Billion+ users will be familiar with Social Gallery

The Ultimate WordPress Facebook Plugin for Photo Viewing – Easily integrated just by installing the plugin! Once installed you can view your very own Facebook style gallery – on your own blog!

Social Gallery really is now the most Kick Ass lightbox/gallery sharing plugin!

Integrates directly with WordPress – you get an extra menu item for Social Gallery where you can manage everything including settings, image library and update engine

Tweak your Social Gallery easily from the options screen

Selectively Loaded CSS3 Animations – reduces page load time

Faster than the original Lightbox, and now even faster than older Social Gallery Versions!

Social Gallery Technology

Choice of Social Gallery Pages framework or other fallbacks, including HashBang solution to distinct image comments

CSS3 Animations can be chosen for the opening & closing of Social Gallery!

Theme compatiblity: Social Gallery will work with 99. Themes which have lightboxes, or plugins which add lightboxes will need to have these removed for Social Gallery to work (because it’s a lightbox.Free updates for life! All users who buy Social Gallery here get free version updates for life.» Added functionality: Delete images from Social Gallery Library via "Image Library"

1 – 15th March 2013 – Many stability improvements & Fixes, Mobile detecting, On/Off for Social Gallery Per-Post & Per-Page, Escaped HTML now allowed for title & Descriptions, Settings Backup and much more!, also pre-cursor update to Social Gallery Mobile & Stat’s Add-ons and Justified Image Grid Improvement

» Fixed a bug with Social Gallery Pages "title" attribute

» Fixed bug where tweet links to page (now links to Social Gallery Page or Fallback)

» Fixed bug where g+ links to page (now links to Social Gallery Page or Fallback)

» Fixed Bug in single-social-gallery-image template

» Fixed options in single-social-gallery-image template

» Added Social Gallery Page awareness to viewer + Social Gallery Page template

» Added "Disable Social Gallery Per Post/Page" meta boxes to posts/pages

» Added On/Off for "Disable Social Gallery Per Post/Page" feature to Settings

» Added capacity to properly save "custom-social-gallery-image.» Implemented Total disabling of Social Gallery per post/page, including includes

0 – 13th December 2012 – Added Google Adsense compatibility, Social Gallery Pages, CSS3 Animations, Super Easy Install Wizard, Tumblr, Linked In, Google+ & Stumble Upon Sharing, Full Screen Mode, Theme Engine, Enhanced Management Area & Admin, Improved code efficiency & robustness and many more tweaks

» Fixed 4 bugs related to image proportion, gallery margin and scaling

» Improvement: Seperate inclusion for all CSS3 effects for faster, effecient loading

» Improvement: Added capacity to enable/disable Social Gallery Pages function

» Improvement: Refined "Social Gallery Pages"

» Improvement: Made it easier to share Social Gallery and Earn a commision

» Improvement: Redeveloped Social Gallery Plugin Homepage

» Improvement: Built specific social gallery encoder to ultimately minify code

» Added Social Gallery Pages functionality

» Added Social Gallery Pages customisation

» Added CSS3 Animation's for opening & closing Social Gallery [v2 easter egg]

com/social-gallery/your-image)

» Added Pretty Urls for Unique Social Gallery Pages

» Added "As seen on" to unique Social Gallery Pages

» Added Social Gallery News to homepage

» Added functionality: Image Gallery Margin Setting

» Added functionality: Image Gallery Enlarging via Setting

» Added Stronger CSS rules to Social Gallery

» Added NextGen Gallery Overview Mode

» Added Gallery Compatability Mode

More Details

14. iGallery – Interactive Wordpress Photo Gallery

featured image

iGallery – Interactive Wordpress Photo Gallery

The iGallery is an interactive WordPress photo gallery plugin, best fit for creative and corporate portfolio websites, that lets you create beautifully animated galleries with a modern look and smooth animations.-Settings for each gallery (thumb sizes, gallery gap, colors)

More Details

15. Zi-Image Grid Gallery - Responsive

featured image

Please note that IE doesn’t support some CSS3 attributes.

More Details

16. Media Grid - Wordpress Responsive Portfolio

featured image

The plugin uses the latest CSS3 and jQuery tecnologies to adapt each portfolio to its container.An image gallery

More Details

17. Complete Gallery Manager for WordPress

featured image

Easier Gallery Management

There is a lot of gallery plugins available for WordPress, some are really good, but we feel that they often lack an easy interface to create and manage multiple galleries.Using Complete Gallery Manager will make it fun and fast to manage and create galleries for your website.Select the Add Gallery menu and enter a name for your gallery and click Publish. Immediately preview your gallery and start tweaking the many different settings. The Isotype Gallery has 188 different settings you can tweak and the wordpress content slider has 146 different settings.Gallery Settings

With Complete Gallery Manager version 3.1 we have introduced a new “Gallery Type”. You can now choose between Isotype Gallery and Touch Slider.With Complete Gallery Manager version 3.You can save templates for both the Isotype Gallery and the Touch Slider.General Settings (Isotype Gallery)

We have added a new feature under General Settings in Complete Gallery Manager 3.0, which lets you easily hide the menu when using the Isotype gallery.Layout Settings (Isotype Gallery)

Choose between 8 different layout modes; Masonry, Fit Rows, Cell by Row, Straight Down, Masonry Horizontal, Fit Columns Layout, Cells by Columns, Straight Across when you select the Isotype Gallery.Gallery Preview (Isotype Gallery)

You have live preview of the gallery while you create it.Gallery Preview (Touch Slider)

Sort Settings (Isotype Gallery)

Filter Settings (Isotype Gallery)

0 of Complete Gallery Manager and added a new feature called “Combination Filters”.If you enable prettyPhoto (lightbox) for your gallery you can also enable popular social media sharing icons like Facebook, Tweet and Pinterest. This feature is available in both Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.This feature is available in both the Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.We have added 1 new caption styles in Complete Gallery Manager version 3. You now have 22 different styles of captions to choose from when select the Isotype Gallery. Please notice that the CSS3 appear and push effects work in Webkit browsers (like Safari and Chrome), Firefox 4+ and Opera 11+. The CSS3 flip effect works in Webkit browsers.Universal Scroll Settings (Isotype Gallery)

You can set how many images you want to load in your Isotype Gallery when it initially loads.0 of Complete Gallery Manager. This feature is available in both the Isotype Gallery and in the Touch Slider.Item Style Settings (Isotype Gallery)

Background Settings (Isotype Gallery)

Change the colors and border of your gallery easily in the Background Settings and make it match the style of your website.Menu Style Settings (Isotype Gallery)

Isotype Gallery with Default Settings

Isotype Gallery with Universal Scroll and PrettyPhoto Image Effect

Isotype Gallery with Flip Captions and PrettyPhoto Image Effect

Isotype Gallery with Push from Top Captions and Click to Next Size Image Effects

Isotype Gallery with Border and Image Radius Effect

Insert Galleries easily with Shortcodes or by using the Add Gallery Icon

Duplicate Galleries in List Gallery view

100% responsive layout in Isotype Gallery (Masonry, Fit Rows, Cells by Row, Straight Down, Masonry Horizontal, Fit Columns, Cells by Column and Straight Across)

Live Preview of Gallery while you create them

Support for Overlay Icons by action in both Isotype Gallery and Touch Slider

Support for Fullscreen (full browser) Isotype Gallery and Touch Slider

Support for Captions in Isotype Gallery (22 different styles)

Support for Social Media buttons (Facebook like, Tweet, Google+ and Pintetest) in both Isotype Gallery and Touch Slider

Support for PrettyPhoto (Lightbox) in both Isotype Gallery and Touch Slider

Support for Combination Filters (multiple categories) in Isotype Gallery

Support for Menu styling, alignment and location in Isotype Gallery

Bug Fixed: Gallery doesn’t show when you insert it on a popup HTML page using jQuery https

Bug Fixed: Apply fix to reset users if they have problems inserting images in gallery (Options Panel)

New Feature: Isotype Gallery and Touch free image slider to Full Screen.New Feature: Fullscreen (Full Browser) option added for Isotype Gallery and Touch Slider

Bug Fixed: Customers installing Complete Gallery Manager without having a version prior to 3.New Feature: Insert Gallery into other Galleries. When clicking on a cover picture the gallery will open in a new tab

New Feature: It is now possible to “View Gallery” immediately after publishing a gallery.New Feature: Create and Save templates in Complete Gallery Manager.New Feature: Overlay Icons added for each action (prettyPhoto, Link, Pages, Posts, Video, Gallery)

Bug Fixed: Gallery no longer crashes if the gallery is open in the wp-admin and at the same time viewed on the public website (auto save created this problem). The Gallery will now load, but please notice that IE8 has limited support for HTML5 and CSS3 pdf

Bug Fixed: Problem with Pinterest not “pinning” the individual picture, but the entire gallery.Bug Fixed: Gallery Settings not loading when the server is Windows based

This has significantly improved the speed of the gallery.

More Details

18. CSS3 Image Slider

featured image

This is a simple image gallery Gallery. It uses only HTML5 and CSS3, no javascript or the like.Just HTML5 and CSS3

More Details